<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
    <style>
        html,
        body {
            width: 100%;
            min-height: 100%;
            background: #ffffff;
        }

        .aui-active .aui-bar-tab-label {
            color: #f5a51c
        }

        .login {
            height: 240px;
            background-image: -webkit-linear-gradient(0deg, #f5c674, #ed824c);
            /*background-image: url(../../image/personal_bkg.jpg);background-repeat: no-repeat; background-size: cover;*/
            position: relative;
        }

        .login .personal_logo {
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            margin: 0 auto 9px;
            /*position: absolute; top: 60px; left: 20px;*/
        }

        .login .userinfo {
            position: absolute;
            top: 60px;
            text-align: center;
            left: 0;
            right: 0;
        }

        .login .userinfo .title {
            font-size: 0.8rem;
            color: #fff;
        }
        /* 设置条目 */

        .item {
            height: 3rem;
            line-height: 3rem;
            padding-left: 0.7rem;
            background-color: #fff;
        }

        .item_ico {
            float: left;
            width: 2.3rem;
            padding: 0.7rem 0.7rem 0.7rem 0;
        }

        .item_arrow {
            float: right;
            width: 1.5rem;
            padding: 1rem 0.7rem 1rem 0;
        }

        .item span {
            font-size: 0.7rem;
        }

        [v-cloak] {
            display: none;
        }

        .myshop_bouned_main {
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin-bottom: 0.3rem
        }

        .myshop_bouned_title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            margin-bottom: 2rem;
        }

        .myshop_bouned_content {
            position: fixed;
            bottom: 0;
            z-index: 9999;
            background: #fff;
            width: 100vw;
            display: none;
        }
        .head_userImg {
            display:inline-block;
            margin-right:0.2rem;
            width:1.5rem;
            height:1.5rem;
            vertical-align: middle;
        }
        #header_top .aui-icon-left {
          color: #333;
        }

    </style>
</head>

<body>
    <div id="app">
        <header id="header_top" class="aui-bar aui-bar-nav aui-bar-light">
            <a class="aui-pull-left" onclick="goback()">
                <span class="aui-iconfont aui-icon-left"></span>
            </a>
            <div class="aui-title changeTitle"></div>
            <div style="display:flex;align-items:center;justify-content:flex-end;margin-top: 0.6rem;padding-right: 0.75rem;">
                <!-- <img src="../../image/my/myshop/m46.png" alt="" style="width:1rem;height:1rem;"> -->
                <!-- <img src="../../image/my/myshop/m45.png" onclick="openMore()" alt="" style="width:1rem;height:1rem;margin-left:0.5rem;"> -->
            </div>
        </header>

    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/utils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
<script type="text/javascript">
    var header_top = $api.byId('header_top');
    var header_topPos = $api.offset(header_top);

    function share() {
        $api.css(myshop_bouned_content, 'display:block');
        $api.css(headerTwo_bg, 'display:block');
    }

    function headerTwo_close() {
        $api.css(myshop_bouned_content, 'display:none');
        $api.css(headerTwo_bg, 'display:none');
    }

    function goback() {
        api.closeWin();
    }

    function openMore() {
        api.openFrame({
            name: 'share',
            url: './../one_frame/share.html'
        })
    }

    apiready = function(url) {
        var data = api.pageParam.msg;
        $('.changeTitle').html(data);
        $api.fixStatusBar(header_top);
        api.openFrame({
            name: 'type',
            url: api.pageParam.url,
            rect: {
                x: 0,
                y: header_topPos.h,
                w: 'auto',
                h: api.frameHeight - (header_topPos.h)
            },
            pageParam: {
                id: api.pageParam.id || ''
            }
        });

        api.addEventListener({
            name: 'Freeucenter_othersShop_header'
        }, function(ret, err) {
            // alert(JSON.stringify(ret.value));
            $('.changeTitle').html('<div class="head_userImg" style="background:url('+ret.value.head_img+') center center/cover no-repeat"></div> '+ret.value.username+'的小店')
        });


    };
</script>

</html>
